<template>

    <div class="cart">
        <header><img src="../../assets/assets/头部.png" alt=""></header>

        <div class="head">我的全部购物车</div>
        <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
        <van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit" />
    </div>
    <Docker />
</template>

<script setup>
import Docker from '../../components/Docker.vue';

</script>

<style lang="scss" scoped>
.cart {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: .5rem;
    background-color: #F5F5F5;
    overflow-y: auto;

    header {
        width: 100%;
        height: .2rem;
        background-color: aliceblue;
    }

    .head {
        width: 100%;
        height: .44rem;
        background-color: aliceblue;
        text-align: center;
        line-height: .44rem;
        font-size: .16rem;
        // font-weight: bold;
    }
}
</style>